<template>
  <div class="common-page video-page">
    <video-item v-for="(item, index) in list" :key="index" :url="item.url"></video-item>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

import VideoItem from './components/VideoItem.vue';

const list = ref([
  { url: 'http://lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo-720p.mp4' },
  { url: 'http://lf3-static.bytednsdoc.com/obj/eden-cn/nupenuvpxnuvo/xgplayer_doc/xgplayer-demo-720p.mp4' },
]);
</script>

<style lang="less" scoped>
.video-item {
  margin-bottom: 20px;
}
</style>
